/**
* @Description Float Module 
* @author V.Yao  
* @date 2015-01-8
* @version 1.0.0.0
**/

; (function () {
    $.fn.floatModule = function (options) {

        $.fn.floatModule.defaults = {
            obj: this
        };
        var o = $.extend({}, $.fn.floatModule.defaults, options);
        var $obj = $(o.obj);
        var $parents = $('#' + $obj.attr('data-parents')).css({
            'position': 'static'
        })
        var $module = $('#' + $obj.attr('data-module')).css({
            'width': '650px'
            , 'display': 'none'
            ,'background-color':' #FFF'
            , 'position': 'absolute'
            , 'top': function () {
                	return $obj.position().top+38;
            	}
            ,'left':function(){
					if($obj.offset().left<$(this).width()){
						return $obj.offset().left
					}else{
						return $obj.position().left-$(this).width()+$obj.innerWidth()
					}
				}
            ,'box-shadow':'3px 1px 24px #888888'
            ,'padding':'10px'
           
        });
       
        var $close = $('<a id="module_close"><i class="glyphicon glyphicon-remove"></i></a>').css({
            'top':' 5px'
            ,'right': '10px'
            , 'position': 'absolute'
            ,'cursor': 'pointer'
        });
        var $html = $('<ul class="container-fluid">').css({ 'margin-bottom': '0','margin-top':'10px','list-style':'none' });

        if (!$.isEmptyObject($module)) {
            $module.children().each(function (i, el) {
                var $li = $('<li class="col-sm-4 text-left"">').html($(el));
                $li.appendTo($html);
            })
            $html.find('li:last').attr('class', 'col-sm-4 text-right pull-right');
            $module.html($html).append($close);
        }
        $obj.on('focus blur', function () {

        })
        $obj.click(function () {
            $module.show('fast');
        })
        $('#module_close').on('click',function () {
            $module.hide('fast');
        })
    }
})(jQuery)